<template>
    <div style="height: 610px;overflow: auto">
        <!-- 搜索框 -->
        <van-search v-model="value" show-action placeholder="请输入搜索关键词">
            <template #action>
                <div @click="onClickButton">搜索</div>
            </template>
        </van-search>
        <!-- 图片 -->
        <photoview></photoview>
    </div>
    
</template>
<script>
import {ref} from 'vue'
import photoview from './PhotoView.vue'
export default{
    components:{
        photoview
    },
    setup(){
        const value=ref('');
        const onClickButton = () =>{
            console.log(value.value);
        }
        return {
            value,
            onClickButton
        };
    }
}
</script>

<style>
.van-search{
    margin-top: 10px;
}
</style>